@charset "utf-8";
/* CSS Document */
body{
	background: #F8F8F8;
	font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
a{
	transition:ALL  0.5s ease;
	-moz-transition:ALL  0.5s ease;
	-webkit-transition:ALL  0.5s ease;
	-o-transition:ALL  0.5s ease;
}

/* 顶部导航开始 */
#nav{
	display: table;
	width: 100%;
	height: 45px;
	background: #333;
	overflow: hidden;
	.b-inside{
		height: 45px;
		overflow: hidden;
		/* logo部分开始 */
		.logo{
			width: 240px;
			height: 45px;
			color: #fff;
			float: left;
			position: relative;
			.code{
				width: 60px;
				height: 45px;
				color: #fff;
				float: left;
				.php{
					width: 60px;
					height: 22px;
				}
				.echo{
					width: 60px;
					height: 22px;
					color: #66D9EF;
					text-indent: 30px;
				}

			}
			.word{
				width: 180px;
				height: 45px;
				line-height: 45px;
				font-size: 24px;
				font-weight: 800;
				color: #E6BD48;
				float: left;
				span{
					padding-right: 5px;
					float: right;
					height: 45px;
					line-height: 65px;
					font-size: 14px;
					color: #fff;
				}
			}
			a{
				display: block;
				width: 235px;
				height: 45px;
				position: absolute;
				left: 0;
				top: 0;
				background-image:url('../image/button_bg.png');
				-webkit-transition:background-position 0.5s;
				-moz-transition:background-position 0.5s;
				transition:background-position 0.5s;
				&:hover{
					background-position:bottom right;
				}
			}

		}
		/* logo部分结束 */

		/* 栏目分类开始 */
		.category{
			width: 760px;
			height: 45px;
			float: left;
			.cname{
				margin-right: 1px;
				height: 45px;
				line-height: 45px;
				float: left;
				a{
					padding: 0 15px;
					display: block;
					height: 45px;
					color: #fff;
					position: relative;
					&:hover{
						text-decoration: none;
						background: #008CBA;
					}
				}
			}
			.action{
				background: #008CBA;
			}
		}
		/* 栏目分类结束 */

		/* 用户登录开始 */
		.user{
			width: 200px;
			height: 45px;
			float: left;
			overflow: hidden;
			.login{
				padding: 0 15px;
				height: 45px;
				line-height: 45px;
				color: #fff;
				float: right;
				transition:ALL  0.5s ease;
				-moz-transition:ALL  0.5s ease;
				-webkit-transition:ALL  0.5s ease;
				-o-transition:ALL  0.5s ease;
				&:hover{
					background: #008CBA;
					cursor: pointer;
				}
			}
			.user-info{
				height: 45px;
				line-height: 45px;
				float: right;
				span{
					margin-left: 10px;
					color: #fff;
					font-size: 14px;
					img{
						width: 30px;
						height: 30px;
					}
					a{
						color: #fff;
						&:hover{
							color: #008CBA;
						}
					}
				}
			}
		}
		/* 用户登录结束 */
	}
}
/* 顶部导航结束 */

/* 主体部分开始 */
#content{
	display: table;
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
	.b-inside{
		overflow: hidden;
		.tag-title{
			padding-left: 15px;
			width: 840px;
			height: 80px;
			line-height: 80px;
			background: #fff;
		}
		.highlight{
			margin: 0 5px;
			color: red;
		}
		/* 左侧列表开始 */
		.left{
			margin-right: 20px;
			padding: 5px 0;
			width: 840px;
			float: left;
			overflow: hidden;
			.list{
				width: 840px;
				.title{
					width: 810px;
					height: 40px;
					line-height: 40px;
					color: #0078A0;
				}
				.detail{
					margin-bottom: 15px;
					padding: 20px 15px;
					width: 840px;
					height: 270px;
					background: #fff;
					box-shadow: 0px 1px 2px 0px #E2E2E2;
					.article{
						width: 810px;
						height: 160px;
						/* 图片动态效果开始 */
						.pic{
							margin-right: 15px;
							padding: 3px;
							width: 270px;
							height: 160px;
							border: 1px solid #ccc;
							border-radius: 4px;
							float: left;
							position: relative;
							overflow: hidden;
							img{
								width: 260px;
								height: 150px;
							}
							a{
								display: block;
								width: 260px;
								height: 150px;
								position: absolute;
								left: 0;
								top: 0;
							}
						}
						.style1{
							img{
								-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
								transition: opacity 0.35s, transform 0.35s;
								-webkit-transform: scale(1);
								transform: scale(1);
							}
						}
						.style1:hover img{
							opacity: 0.7;
							-webkit-transform: scale(1.2);
							transform: scale(1.2);
						}
						/* 图片动态效果结束 */
						.word{
							width: 525px;
							height: 160px;
							float: left;
							.description{
								width: 525px;
								height: 140px;
								line-height: 23px;
								color: #999;
								overflow: hidden;
							}
							.readall{
								width: 525px;
								height: 20px;
								.readall-a{
									padding: 0 10px;
									color: #fff;
									border-radius: 10px;
									background: #34AFD8;
									float: right;
									&:hover{
										text-decoration: none;
										background: #0583AC;
									}
								}
							}
						}
					}

				}
			}
			.metadata{
				width: 810px;
				height: 30px;
				li{
					margin-right: 10px;
					height: 30px;
					line-height: 30px;
					float: left;
					span{
						margin-left: 3px;
						margin-right: 3px;
					}
				}
				.tags{
					a{
						margin-right: 10px;
					}
				}

			}
			.article{
				width: 840px;
				background: #fff;
				.title{
					padding: 20px 40px;
					width: 840px;
					text-align: center;
				}
				.metadata{
					margin-top: 10px;
					width: 840px;
					padding: 0 40px;
					border-bottom: 1px 	dotted #999;
				}
				.content-word{
					margin-bottom: 10px;
					padding: 40px;
					border-bottom: 1px solid #E2E2E2;
					.copyright{
						width: 760px;
						height: 30px;
						line-height: 30px;
						color: #EE542A;
					}
					.prev-next{
						margin-top: 40px;
						width: 760px;
						height: 60px;
						.prev,.next{
							width: 760px;
							height: 30px;
							line-height: 30px;
							span{
								color: #ccc;
							}
						}
					}
				}
			}
			.comment{
				padding: 0 40px;
				width: 840px;
				background: #fff;
			}
			/* 分页开始 */
			.page{
				width: 840px;
				padding: 30px 15px;
				background: #FFF;
				box-shadow: 0px 1px 2px 0px #E2E2E2;
				text-align: center;
				overflow: hidden;
				.first,.prev,.current,.num,.current,.next,.end{
					padding: 8px 16px;
					margin: 0px 5px;
					display: inline-block;
					color: #008CBA;
					border: 1px solid #F2F2F2;
					border-radius: 5px;
					&:hover{
						text-decoration:none;
						background: #F8F5F5;
					}
				}
				.current{
					background-color: #008CBA;
					color: #FFF;
					border-radius: 5px;
					border: 1px solid #008CBA;
					&:hover{
						text-decoration:none;
						background: #008CBA;
					}
				}
			}
			/* 分页结束 */

			/* 随言碎语开始 */
			.chat{
				padding: 25px 15px;
				width: 840px;
				background: #fff;
				overflow: hidden;
				.chat-one{
					margin-bottom: 50px;
					padding: 5px 10px;
					width: 390px;
					border: 1px solid #E2E2E2;
					border-radius: 6px;
					position: relative;
					.chat-title{
						width: 370px;
						height: 30px;
						line-height: 30px;
						color: #ccc;
					}
					.chat-content{
						width: 370px;
						line-height: 21px;
						text-align: right;
					}
				}
				.chat-left{
					width: 400px;
					float: left;
					.chat-one{
						margin-right: 10px;
						.chat-title{
							text-align: left;
						}
						.chat-content{
							text-align: left;
						}
						.arrows-right1{
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 10px;
							border-color: transparent transparent transparent #E2E2E2;
							position: absolute;
							left: 389px;
							.arrows-round{
								width: 10px;
								height: 10px;
								background: #F08A24;
								border-radius: 50%;
								position: absolute;
								left: 0px;
								top: -4px;
							}
						}
						.arrows-right2{
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 10px;
							border-color: transparent transparent transparent #fff;
							position: absolute;
							left: 387px;
						}
					}
				}
				.chat-middle{
					width: 10px;
					background: #008CBA;
					border-radius: 4px;
					float: left;
				}
				.chat-right{
					padding-top: 70px;
					width: 400px;
					float: left;
					.chat-one{
						margin-left: 10px;
						.chat-title{
							text-align: right;
						}
						.chat-content{
							text-align: left;
						}
						.arrows-right1{
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 10px;
							border-color: transparent #E2E2E2 transparent transparent;
							position: absolute;
							left: -20px;
							.arrows-round{
								width: 10px;
								height: 10px;
								background: #F08A24;
								border-radius: 50%;
								position: absolute;
								left: -10px;
								top: -6px;
							}
						}
						.arrows-right2{
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 10px;
							border-color: transparent #fff transparent transparent;
							position: absolute;
							left: -19px;
						}
					}
				}
			}
			/* 随言碎语结束 */
		}
		/* 左侧列表结束 */
		/* 右侧内容开始 */
		.right{
			width: 340px;
			padding: 5px 0;
			float: left;
			.tags,.recommend,.search,.link{
				margin-bottom: 20px;
				padding: 0 20px 20px 20px;
				width: 340px;
				background: #fff;
				box-shadow: 0px 1px 2px 0px #E2E2E2;
				overflow: hidden;
				.title{
					width: 300px;
					height: 40px;
					line-height: 40px;
				}
				.tags-ul,.recommend-p,.link-p{
					width: 300px;
					.tname{
						margin-top: 5px;
						margin-right: 5px;
						float: left;
						a{
							display: block;
							padding: 0 10px;
							height: 20px;
							line-height: 20px;
							border-radius: 10px;
							font-family: SimSun;
							color: #fff;
						}
					}
					.link-a{
						margin-right: 5px;
					}
					.tstyle-1{
						background: #43AC6A;
						&:hover{
							text-decoration: none;
							background: #028231;
						}
					}
					.tstyle-2{
						background: #F3A557;
						&:hover{
							text-decoration: none;
							background: #E97705;
						}
					}
					.tstyle-3{
						background: #F25E45;
						&:hover{
							text-decoration: none;
							background: #D82508;
						}
					}
					.tstyle-4{
						background: #34AFD8;
						&:hover{
							text-decoration: none;
							background: #0583AC;
						}
					}
				}
				.search-text{
					margin-right: 0;
					padding: 0 5px;
					width: 230px;
					height: 35px;
					line-height: 35px;
					border: 1px solid #ccc;
					float: left;
				}
				.search-submit{
					margin-left: 0;
					width: 70px;
					height: 35px;
					background: #008CBA;
					color: #fff;
					border: none;
					float: left;
					background-image:url('../image/button_bg.png');
					-webkit-transition:background-position 0.5s;
					-moz-transition:background-position 0.5s;
					transition:background-position 0.5s;
					&:hover{
						background-position:bottom right;
					}
				}
			}
			.search{
				padding-top: 20px;
			}
			.recommend{
				.recommend-p{
					.recommend-a{
						margin: 5px 0;
						display: block;
					}
				}
			}
		}
		/* 右侧内容结束 */
	}
}
/* 主体部分结束 */

/* 通用底部开始 */
#foot{
	display: table;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
}
/* 通用底部结束 */

/* 登录模态框开始 */
#modal-login{
	.modal-body{
		overflow: hidden;
		.login-img{
			margin: 10px 14px 10px 5px;
			width: 170px;
			height: 32px;
			float: left;
			a{
				img{
					width: 170px;
					height: 32px;
				}
			}
		}
	}
	.close{
		transition: all 0.2s linear 0s;
	}
	.close:hover{
	    -webkit-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -o-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	    transform: rotate(360deg);
	}
}
/* 登录模态框结束 */


/* 网站关闭页面开始 */
#close{
	width: 100%;
	.content{
		margin: 0 auto;
		width: 1024px;
		height: 400px;
		position: relative;
		.font{
			width: 1024px;
			height: 50px;
			position: absolute;
			top: 300px;
			left: 0px;
			text-align: center;
			color: red;
			font-size: 50px;
			line-height: 50px;
		}
	}
}

/* 网站关闭页面结束 */










